<template>
	<div class="wrap">
		<div class="content">
		<!-- 内容内容end -->
			<router-view> <!--内容 -->
				
			</router-view>
		</div>
			
		<div class="nav bar bar-tab">  <!-- 导航 -->
			<router-link to="/" href="" class="tab-item external active">
				<span class="icon icon-home"></span>
      			<span class="tab-label">首页</span>
      		</router-link>
			<router-link to="/class" href="" class="tab-item external">
				<span class="icon icon-app"></span>
	      		<span class="tab-label">分类</span>
	      	</router-link>
			<router-link to="/search" href="" class="tab-item external">
				<span class="icon icon-search"></span>
	      		<span class="tab-label">搜索</span>
			</router-link>
			<router-link to="/cart" href="" class="tab-item external">
				<span class="icon icon-cart"></span>
	      		<span class="tab-label">购物车</span>
			</router-link>
			<router-link to="/me" href="" class="tab-item external">
				<span class="icon icon-me"></span>
     			<span class="tab-label">我的</span>
      		</router-link>
		</div>
	</div>
</template>
<style type="text/css" lang="less"> 
/*lang="less" 要安装模块才可以用*/
@import "./common/css/reset.css";
	
</style>